<template>
	<view>
		<view class="con-title">
			<text>群成员</text>
		</view>
		<view class="con-data">
			<view class="con-data-box" v-for="(item,index) in groupUsers" :key="index">
				<view class="left-radio" @click="checkedRadio(item)">
					<radio :checked="item.isRadio" style="transform:scale(0.8)" color="#43CF7C">
					</radio>
				</view>

				<view class="center-head">
					<image :src="item.head"></image>
				</view>
				<view class="right-name">
					<text>{{item.nickname}}</text>
				</view>

			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: ['groupUsers'],
		methods: {
			checkedRadio(item) {
				//console.log(item)
				this.$emit('checkedRadio', item)
			}
		}
	}
</script>

<style lang="scss" scoped>
	.con-title {
		padding: 20rpx 0;

		text {
			font-size: 28rpx;
			color: #999;
			margin-left: 3%;
		}
	}

	.con-data {
		width: 100%;

		.con-data-box {
			width: 94%;
			margin-left: 3%;
			display: flex;

			.left-radio {
				height: 100rpx;
				line-height: 100rpx;
			}

			.center-head {
				image {
					width: 80rpx;
					height: 80rpx;
					border-radius: 50%;
					margin-top: 10rpx;
				}
			}

			.right-name {
				height: 100rpx;
				line-height: 100rpx;

				text {
					font-size: 28rpx;
					margin-left: 10rpx;
				}
			}
		}
	}
</style>